<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <div class="container">
        <div class="top">
            <div class="logo">
                <div class="logo-red">163</div>
                <div class="logo-cn">网易免费邮</div>
                <div class="logo-en">mail.163.com</div>
            </div>
            <div class="title">你的专业邮箱</div>
            <div class="space"></div>
            <div class="top-links">
                <span>手机App下载</span>
                <span>电脑客户端下载</span>
                <span>VIP 会员</span>
                <span>企业邮箱</span>
                <span>海外登录</span>
                <span>|</span>
                <span>帮助</span>
                <span>反馈</span>
                <span>修复公示</span>
            </div>
        </div>
        <div class="center">
            <div class="form">
                <img class="form-qrcode" src="../pictures/qrcode.png" alt="扫码登录">
                <span class="login">登录</span>
                <div class="form-group">
                    <input  class="form-contral" type="text" placeholder="请输入邮箱账号">
                </div>
                <div class="form-group">
                    <input  class="form-contral" type="password" placeholder="请输入密码">
                </div>
                <div class="form-option">
                    <input type="checkbox">
                    <span>30天内免密登录</span>
                    <span>忘记密码</span>
                </div>
                <div class="form-action">
                    <button class="form-button">登录</button>
                </div>
    
                <div class="form-register">
                    <span>注册新账号</span>
                    <span>|</span>
                    <span>注册VIP</span>
                </div>
                <span>阅读并接受 《服务条款》 和 《隐私政策 》</span>
            </div>
        </div>
        <div class="bottom">
            <div class="bottom-links">
                <span>网易首页</span>
                <span>|</span>
                <span>网易严选</span>
                <span>|</span>
                <span>政府公益热线</span>
                <span>|</span>
                <span>网易公司版权所有©1997-2024</span>
            </div>
            <div class="bottom-certification">
                <span >ICP备案</span>
                <span>粤B2-20090191-18</span>
                <span>粤公网安备 44010602006299</span>
                <span>增值电信业务许可证 粤B2-20090191  B2-20090058</span>
            </div>
        </div>    
    </div>
</body>
</html>